@charset "UTF-8";
.main {
  width: 100%;
  height: 100%;
  display: inline;
}

.top {
  width: 100%;
  height: 136px;
}

.top .left {
  width: 25%;
  height: 100%;
  float: left;
}

.top .left img {
  margin-top: 20px;
}

.top .center {
  width: 50%;
  height: 100%;
  float: left;
}

.top .center .centername {
  width: 600px;
  height: 50px;
  margin: 0 auto;
  margin-top: 40px;
  border-radius: 10px;
  border: 1px solid blue;
}

.top .center .centername .btn {
  border-radius: 0 10px 10px 0;
}

.top .right {
  width: 25%;
  height: 100%;
  float: right;
}

.top .right .rili {
  width: 300px;
  height: 100px;
  border: 1px solid #ccc;
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 10px;
  font-size: 16px;
}

.top .right .rili .zuo {
  width: 50%;
  height: 100%;
  float: left;
  line-height: 40px;
}

.top .right .rili .you {
  width: 50%;
  height: 100%;
  float: right;
  line-height: 80px;
}

.top .right .rili .you img {
  width: 25px;
  height: 25px;
}

.swiper {
  width: 100%;
  height: 200px;
}

.swiper .swp_center {
  width: 100%;
  height: 200px;
}

.swiper .swp_center img {
  width: 100%;
  height: 200px;
}

.leftButton:hover,
.rightButton:hover {
  opacity: 1;
}

.xuanxiang {
  width: 100%;
  height: 200px;
  color: black;
  position: relative;
}

.xuanxiang .leftButton,
.xuanxiang .rightButton {
  border: none;
  height: 36px;
  width: 36px;
  transition: 1s;
  border-radius: 50%;
  background-color: #001529;
  color: #ff0000;
  position: absolute;
  top: 40%;
  z-index: 10;
  opacity: 0.3;
}

.xuanxiang .images1_box {
  width: 1515px;
  height: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.xuanxiang .images1_box .images1 {
  width: 250px;
  height: 100px;
}

.xuanxiang .images1_box .images1 img {
  width: 100%;
  height: 100%;
}

.xuanxiang .images1_box .images1:hover {
  cursor: pointer;
  /* transform属性 */
  transition: 0.5s;
  transform: translate(0, -20px);
}

.table_two {
  width: 100%;
  height: 500px;
  font-size: 16px;
}

.table_two .top_two {
  width: 100%;
  height: 100px;
  display: flex;
  line-height: 100px;
}

.table_two .top_two .ulstwo {
  width: 150px;
  height: 60px;
  background-color: #ccc;
  border-radius: 30px;
  text-align: center;
  margin-top: 20px;
  line-height: 60px;
  margin-left: 20px;
}

.table_two .top_two .ptwo {
  margin-left: auto;
  justify-content: flex-end;
}

.table_two .top_two .ptwo:hover {
  cursor: pointer;
  color: #1261ff;
  font-weight: bold;
}

.table_two .top_two .ulstwo:hover {
  cursor: pointer;
  color: #1261ff;
  font-weight: bold;
}

.table_two .top_three {
  width: 100%;
  height: 400px;
  display: flex;
}

.table_two .top_three .three_left {
  width: 20%;
  height: 400px;
}

.table_two .top_three .three_left .top_threes {
  width: 250px;
  height: 200px;
  border: 1px solid #ccc;
  margin: 0 auto;
  border-radius: 10px;
  text-align: center;
  transition: 1s;
  margin-top: 10px;
}

.table_two .top_three .three_left .top_threes:hover {
  cursor: pointer;
  box-shadow: 0px 0px 15px #888888;
  /* 边框阴影 */
  -moz-box-shadow: 0px 0px 15px #888888;
  /* 老的 Firefox */
  transform: translate(0, -5px);
}

.table_two .top_three .three_left .btn_threes {
  width: 250px;
  height: 150px;
  border: 1px solid #ccc;
  margin: 0 auto;
  border-radius: 10px;
  text-align: center;
  transition: 1s;
  margin-top: 20px;
}

.table_two .top_three .three_left .btn_threes img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.table_two .top_three .three_left .btn_threes:hover {
  cursor: pointer;
  box-shadow: 0px 0px 15px #888888;
  -moz-box-shadow: 0px 0px 15px #888888;
  transform: translate(0, -5px);
}

.table_two .top_three .three_right {
  width: 80%;
  height: 400px;
  display: flex;
}

.table_two .top_three .three_right .box_img {
  width: 300px;
  height: 350px;
  background-color: #ccc;
  margin-top: 20px;
  margin-left: 20px;
  overflow: hidden;
}

.table_two .top_three .three_right .box_img img {
  width: 100%;
}

.table_two .top_three .three_rights {
  width: 100%;
  height: 400px;
  display: flex;
}

.table_two .top_three .three_rights .box_img {
  width: 300px;
  height: 350px;
  background-color: #ccc;
  margin-top: 20px;
  margin-left: 20px;
  overflow: hidden;
}

.table_two .top_three .three_rights .box_img img {
  width: 100%;
}

.guanggao {
  width: 100%;
  height: 100px;
  border-radius: 20px;
  margin-top: 60px;
  overflow: hidden;
  cursor: pointer;
}

.guanggao img {
  width: 100%;
  height: 100%;
}

.btns {
  width: 100%;
  height: 100px;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  display: flex;
}

.btns .btns_left {
  width: 70%;
  height: 100px;
  font-size: 14px;
  line-height: 40px;
}

.btns .btns_right {
  width: 30%;
  height: 100px;
  display: flex;
}

.btns .btns_right img {
  width: 200px;
  height: 100px;
  cursor: pointer;
  margin-left: 10px;
}

.btns .btns_right #imgs {
  width: 180px;
  height: 70px;
  margin-top: 15px;
  cursor: pointer;
}
